:root,
:root[theme-mode='light'] {
  --switch-light-icon-color: rgb(255, 189, 46);
  --switch-dark-icon-color: rgba(0, 0, 0, 0.26);
  --main-bg-color: #fcfaf1;
  --header-bg-color: #eee;
  --footer-bg-color: rgba(0, 0, 0, 0.08);
  --footer-bg-color-1: #e0e0e0;
  --footer-bg-color-2: #8d8d8d;
  --footer-bg-color-3: #ffffff;
  --nar-bg-color: linear-gradient(90deg, #872bd3, #5218a8, #18067d);
  --text-bg-color: #151515;

  --header-font-color: var(--td-gray-color-14);
  --menu-icon-color: rgb(27, 99, 3);
  --menu-item-hover-color: var(--td-gray-color-10);

  --shadow-color: rgba(0, 0, 0, 0.1);
  --foot-shadow-box-color: rgba(0, 0, 0, 0.05);
  --icon-color: #2c2c2c;
  --main-show-color: rgba(255, 255, 255, 0.94);
  --bg-img: url(https://static.pluse.vip/assets/bg.webp);
  --help-bg-img: url(https://static.pluse.vip/assets/bg.webp) 0% 0% / cover no-repeat fixed;
  --h1-bg-color: -webkit-linear-gradient(90deg, #082fef, #9d28f4, #e727f5);
  --text-title-color: #182018;
  --text-title-color-1: #243042;
  --text-p-color: #2e2e2e;
  --blue-card-color: #618dff;
  --white-card-color-1: #ffffff;
  --white-body-color: rgba(255, 255, 255, 0.33);
  --blue-body-color: rgba(230, 232, 234, 0.5);
  --shop-card-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.2), 0 6px 8px 2px rgba(0, 0, 0, 0.14),
    0 5px 10px 4px rgba(0, 0, 0, 0.12) !important;
  --blue-body-color-1: rgba(255, 255, 255, 0.25);
  --blue-body-color-2: rgba(255, 255, 255, 0.5);
  --blue-body-color-3: rgba(255, 255, 255, 0.75);
  --blue-body-color-4: rgba(255, 255, 255, 1);
  --white-body-color-1: rgba(97, 141, 255, 0.25);
  --white-body-color-2: rgba(97, 141, 255, 0.5);
  --white-body-color-3: rgba(97, 141, 255, 0.75);
  --white-body-color-4: rgba(97, 141, 255, 1);
  --white-card-color-2: #fff;
  --shadow-1: 0px 2px 4px rgba(23, 28, 39, 0.14);
  --shadow-2: rgba(0, 0, 0, 0.08) 0px 4px 6px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  --shadow-3: rgba(23, 25, 29, 0.2) 0px 16px 16px -16px, rgba(23, 25, 29, 0.03) 0px 14px 20px 0px,
    rgba(23, 25, 29, 0.04) 0px 0px 0px 1px;
  --shadow-4: rgba(23, 25, 29, 0.5) 0px 16px 16px -16px, rgba(23, 25, 29, 0.03) 0px 14px 20px 0px,
    rgba(23, 25, 29, 0.04) 0px 0px 0px 1px;
  --shadow-5: rgba(23, 25, 29, 0.34) 0px 12px 40px -8px, rgba(23, 25, 29, 0.03) 0px 8px 40px 0px;
  --shadow-6: 0px 3px 6px rgba(23, 25, 29, 0.2);
  --intra-card-color-1: rgb(230, 246, 255);
  --intra-card-color-2: rgb(255, 246, 229);
  --intra-card-color-3: rgb(237, 252, 228);
  --intra-card-color-4: #f3f7fb;
}
:root[theme-mode='dark'] {
  --switch-light-icon-color: hsla(0, 0%, 100%, 0.22);
  --switch-dark-icon-color: var(--icon-color);
  --main-bg-color: #1a1b1c;
  --nar-bg-color: linear-gradient(
    90deg,
    #15e4d6,
    #00c0f4,
    #0093ff,
    #3f53e5
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  --text-bg-color: #e0e0e0;
  --header-bg-color: #000;
  --header-font-color: var(--td-gray-color-1);
  --menu-icon-color: #15e4d6;
  --menu-item-hover-color: var(--td-gray-color-1);
  --footer-bg-color: #181818;
  --footer-bg-color-1: #151515;
  --footer-bg-color-2: rgba(0, 0, 0, 0.2);
  --footer-bg-color-3: rgba(255, 255, 255, 0.1);
  --foot-shadow-color: rgba(0, 0, 0, 0.2);
  --foot-shadow-box-color: rgba(255, 255, 255, 0.1);
  --icon-color: #fff;
  --main-show-color: rgba(0, 0, 0, 0.94);
  --bg-img: url(https://static.pluse.vip/assets/bg-dark.webp);
  --help-bg-img: url(https://static.pluse.vip/assets/bg-dark.webp) 0% 0% / cover no-repeat fixed;
  --h1-bg-color: -webkit-linear-gradient(90deg, #e727f5, #9d28f4, #082fef);
  --text-title-color: #e0e0e0;
  --text-title-color-1: #fff;
  --text-p-color: #e0e0e0;
  --blue-card-color: #3d3d3d;
  --white-card-color-1: #3d3d3d;
  --white-body-color: rgba(255, 255, 255, 0.33);
  --blue-body-color: rgba(255, 255, 255, 0.33);
  --shop-card-box-shadow: 0 1px 2px -2px rgba(255, 255, 255, 0.2),
    0 12px 15px 2px rgba(255, 255, 255, 0.14), 0 2px 10px 2px rgba(255, 255, 255, 0.12) !important;
  --blue-body-color-1: rgba(255, 255, 255, 0.25);
  --blue-body-color-2: rgba(255, 255, 255, 0.5);
  --blue-body-color-3: rgba(255, 255, 255, 0.75);
  --blue-body-color-4: rgba(255, 255, 255, 1);
  --white-body-color-1: var(--blue-body-color-1);
  --white-body-color-2: var(--blue-body-color-2);
  --white-body-color-3: var(--blue-body-color-3);
  --white-body-color-4: var(--blue-body-color-4);
  --white-card-color-2: rgba(30, 30, 30, 0.7);
  --shadow-1: 0px 2px 4px rgba(255, 255, 255, 0.08);
  --shadow-2: rgba(255, 255, 255, 0.08) 0px 4px 6px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
  --shadow-3: rgba(255, 255, 255, 0.2) 0px 16px 16px -16px,
    rgba(255, 255, 255, 0.03) 0px 14px 20px 0px, rgba(255, 255, 255, 0.04) 0px 0px 0px 1px;
  --shadow-4: rgba(255, 255, 255, 0.5) 0px 16px 16px -16px,
    rgba(255, 255, 255, 0.03) 0px 14px 20px 0px, rgba(255, 255, 255, 0.04) 0px 0px 0px 1px;
  --shadow-5: 0;
  --shadow-6: 0px 3px 6px rgba(255, 255, 255, 0.2);
  --intra-card-color-1: rgba(255, 255, 255, 0.1);
  --intra-card-color-2: rgba(255, 255, 255, 0.2);
  --intra-card-color-3: rgba(255, 255, 255, 0.3);
  --intra-card-color-4: rgba(255, 255, 255, 0.4);
}
:root {
  --spacing-base: 0.2rem;
  --spacing-8: calc(var(--spacing-base)*2);
  --spacing-12: calc(var(--spacing-base) * 3);
  --spacing-16: calc(var(--spacing-base) * 4);
  --spacing-20: calc(var(--spacing-base) * 5);
  --spacing-24: calc(var(--spacing-base) * 6);
  --transition-easeOut-3: all var(--duration-350) var(--easeOut);
  --transition-easeOut-2: all var(--duration-250) var(--easeOut);
  --transition-easeOut-1: all var(--duration-150) var(--easeOut);
  --transition-easeIn-1: all var(--duration-150) var(--easeIn);
  --duration-150: 150ms;
  --duration-250: 250ms;
  --duration-350: 350ms;
  --easeIn: cubic-bezier(0.32, 0, 0.67, 0);
  --easeOut: cubic-bezier(0.33, 1, 0.68, 1);
  --rgb-white: rgb(255, 255, 255);
  --radius-24: 1.71429rem;
  --radius-12: 0.857143rem;
  --radius-18: 1rem;
  --radius-8: calc(var(--radius-base-4) * 2);
  --radius-base-4: 4px;

  --light-panel-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 4px 10px rgba(0, 0, 0, 0.1);
  --dark-panel-shadow: 0px 0px 0px 1px #45464d, 0px 4px 14px rgba(0, 0, 0, 0.3);
  --light-popup-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 8px 14px rgba(0, 0, 0, 0.12);
  --white: #fff;
  --button-blue-1: #009dff;
  --black-900: #243042;
  --spacing-page-mid: calc(var(--spacing-base) * 20);
  --spacing-page-mid-120: calc(var(--spacing-base) * 30);
  --Heading-1: bold 3.428rem/4rem 'SourceHanSansCN_Bold';
  --Heading-3: bold 1.777rem/2.28rem 'SourceHanSansCN_Bold';
  --spacing-32: calc(var(--spacing-base) * 8);
  --spacing-page-sm: calc(var(--spacing-base) * 10);
  --view-1: 1440px;
  --view-2: 1100px;
  --Paragraph-1-400: 400 1.332rem/2rem 'PingFang SC', 'Microsoft YaHei', 'Microsoft JhengHei',
    '黑体', arial, 'STHeiti', '\5b8b\4f53';
}
